<%@ include file="header.jsp" %>

<script type="text/javascript">
$(document).ready(function() { 
    // call the tablesorter plugin 
    $("table").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]],
        headers: { 1: { sorter: false}, 3: {sorter: false}}
    }); 
});
</script>

			<div class="conten_dcha">
			
				<h3>Pending validation companies
			</h3>	
			 <table class="lst_practices pendientes tablesorter" summary="<fmt:message key='company.list.table.title'/>">
                  <caption>
                    <fmt:message key='company.list.table.title'/>
                  </caption>
			      <thead>
                    <tr>
                    	<th scope="col" ><fmt:message key='company.list.table.header.company'/></th>
                      	<th scope="col"><fmt:message key='company.list.table.header.video'/></th>
                      	<th scope="col"><fmt:message key='company.list.table.header.goodpractice'/></th> 
					  	<th scope="col"><fmt:message key='company.list.table.header.link'/></th>
					</tr>
                  </thead>
                  <tbody>
                  	<c:forEach items="${companies}" var="company">
                  		<tr>
                  		<td scope="row" class="first">${company.companyInfo.name}<span>${company.companyInfo.city} (${company.companyInfo.country})</span> </td>
                      	<td  class="second">                 	
                      	<c:if test="${!empty company.videos}">
								<c:set var="video" value="${company.videos[0]}"/>
								<a href="<c:url value='/dashboard/detail/${company.id}'/>" title="${company.companyInfo.name}">
									<img src="${video.thumbURL}" alt="${company.companyInfo.name}" />
                      				<span><img src="<c:url value='/static/img/interfaz/play_naranja_mini.png'/>" alt="<fmt:message key='action.video.play'/>"></span>
                      			</a>
	 						</c:if> 
                      
                      </td>
                      <td class="third">
                      	<p>${company.additionalInformation.title}</p> 
                      </td>
                      <td class="four">
                      		<a href="<c:url value='/dashboard/detail/${company.id}'/>" title="${company.companyInfo.name}">
                      		<img src="/static/img/interfaz/application_go.png" alt="${company.companyInfo.name}" title="${company.companyInfo.name}" />
                      		</a>	
                      	</td>             
                      </tr>
                  	</c:forEach> 
                   </tbody>
                </table>
                
               
				
			</div>
<%@ include file="footer.jsp" %>